<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link href="http://m.zuche.com/" rel="dns-prefetch">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta content="fullscreen=yes,preventMove=no" name="ML-Config">
    <title>特殊套餐</title>
    <meta name="description" content="神州租车-全国70大城市,90大机场高铁,万辆新车,不限里程,价格超低,手续便捷,服务尽心,24小时服务,携手贝克汉姆共启云战略.Tel:400-616-6666">
    <meta name="keywords" content="租车，租车网，租车公司，汽车租赁，H_lYMbU-rQ0RUInbjlkbxqyQBhQ">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-title" content="神州租车">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no" name="format-detection">
    <meta name="WT.si_n" content="duanZuZiJia">
	<meta name="WT.si_p" content="1_duanZu">
    <meta name="baidu-tc-cerfication" content="55c603db1cd78c7f7ab7686162824f23">
    
    <link rel="stylesheet" type="text/css" href="/css/H5phone/special_files/common@ee713f7a54.css">
    <link rel="stylesheet" type="text/css" href="/css/H5phone/special_files/zcbase@b22e88b759.css">
    <link rel="stylesheet" type="text/css" href="/css/H5phone/special_files/zcorder@ccf5099280.css">
    
<script src="/js/jquery-3.2.1.js"></script>

<script src="/css/H5phone/dev/js/mobiscroll.core-2.5.2.js"
	type="text/javascript"></script>
<script src="/css/H5phone/dev/js/mobiscroll.core-2.5.2-zh.js"
	type="text/javascript"></script>

<link href="/css/H5phone/dev/css/mobiscroll.core-2.5.2.css"
	rel="stylesheet" type="text/css" />
<link href="/css/H5phone/dev/css/mobiscroll.animation-2.5.2.css"
	rel="stylesheet" type="text/css" />
<script src="/css/H5phone/dev/js/mobiscroll.datetime-2.5.1.js"
	type="text/javascript"></script>
<script src="/css/H5phone/dev/js/mobiscroll.datetime-2.5.1-zh.js"
	type="text/javascript"></script>

<!-- S 可根据自己喜好引入样式风格文件 -->
<script src="/css/H5phone/dev/js/mobiscroll.android-ics-2.5.2.js"
	type="text/javascript"></script>
<link href="/css/H5phone/dev/css/mobiscroll.android-ics-2.5.2.css"
	rel="stylesheet" type="text/css" />
	<!-- E 可根据自己喜好引入样式风格文件 -->

    <style type="text/css">
        body {
            padding: 0;
            margin: 0;
            font-family: arial, verdana, sans-serif;
            font-size: 12px;
            background: #ddd;
        }
        input, select {
            width: 100%;
            padding: 5px;
            margin: 5px 0;
            border: 1px solid #aaa;
            box-sizing: border-box;
            border-radius: 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -webkit-border-radius: 5px;
        }
        .header {
            border: 1px solid #333;
            background: #111;
            color: white;
            font-weight: bold;
            text-shadow: 0 -1px 1px black;
            background-image: linear-gradient(#3C3C3C,#111);
            background-image: -webkit-gradient(linear,left top,left bottom,from(#3C3C3C),to(#111));
            background-image: -moz-linear-gradient(#3C3C3C,#111);
        }
        .header h1 {
            text-align: center;
            font-size: 16px;
            margin: .6em 0;
            padding: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .content {
            padding: 15px;
            background: #fff;
        }
       
    </style>
</head>
<body>
<header class="zc_header_bd">
    <div class="getback" style="white-space:normal" data-url="/html5/newversion/index.html">
        <span class="getbackimg">&nbsp;</span>
    </div>
    <span class="circtip" style=""></span>
    <h1 class="header_title" id="page_title">特价套餐</h1>
   <div class="homeback" style="display: none;"><span class="homebackimg">&nbsp;</span></div>
</header>
<div class="hotel-page-pt50 rentpage">
	<div class="wxts brbotda" id="wxtsAll_tips" style="display:none">
		<span class="wxtan"></span>
		<p id="wxtsTips"></p>
		<i class="grayarrowd" id="table"></i>
	</div>
	<div class="wxts brbotda" id="wxtsYidiOnly" style="display:none">
	    <span class="wxtan"></span>
	    <p>温馨提示：将产生异地还车费</p>
	</div>
	<div class="wxts brbotda" id="wxtsYidianOnly" style="">
	    <span class="wxtan"></span>
	    <p>温馨提示：将产生异店还车费</p>
	</div>
	<div class="wxtstip" id="sendAndGetService" style="display:none">
		<h1 id="yidi">您的订单将产生异地还车费。</h1>
		<h2 id="sendAndGetTips" style="display: none;">请提前4个工作小时下单，即可尊享上门送/取车服务。</h2>
		<dl class="tiplist" id="send">
			<dt>送</dt>
			<dd>送车服务覆盖区域：<span id="sendCarArea"></span><br>送车服务费：<i id="sendCarCost"></i></dd>
		</dl>
		<dl class="tiplist" id="get">
			<dt>取</dt>
			<dd>取车服务覆盖区域：<span id="getCarArea"></span><br>取车服务费：<i id="getCarCost"></i></dd>
		</dl>
		<dl class="tiplist" id="sendAndGet">
			<dt>送/取</dt>
			<dd>送/取车服务覆盖区域：<span id="sendAndGetArea"></span><br>  
服务费合计：<i id="sumSendGetCost"></i></dd>
		</dl>
		<dl class="tiplist" style="display:none">
			<dt>免</dt>
			<dd>车辆租赁及服务费超过<i>￥800</i>，<i>免</i>送/取车上门服务费
车辆租赁及服务费超过<i>￥1200</i>，送/取车上门服务费<i>全免</i></dd>
		</dl>
	</div>
	<div class="nav-box ordertabul" style="">
		<div class="tab-nav">
			<ul class="ul-width" style="width: 443px;">
				<li class="current" data-type="longRent-workday" id="workday">工作日/4天</li>
				<li data-type="longRent-week" id="week">周租/7-27天</li>
				<li data-type="longRent-month" id="month">月租/28+天</li>
				<li class="yearrent" data-type="longRent-year" id="year">年租/365天</li>
			</ul>
		</div>
		
	</div>
	
	
	<div class="mainbox">
		<ul class="dzul mt10" >
			<span class="qcbicon dzicon"></span>
			<li class="dztext dzcheng">取车城市</li>
			<li class="dzcity dzcheng" id="fcnbox" data-type="rentCity" data-url="/html5/newversion/rent/rentcity.html">北京
				<i class="grayarrowr dzcheng" id="rentCity"></i>
			</li>
			<li class="rightbtn">
				<i>上门送车</i>
				<div class="ordersmsc" id="songche">
					<span class="sccur">&nbsp;</span>
				</div>
			</li>
		</ul>
		<div class="dzulbox" >
			<ul class="dzulin qcmdul" >
				<li class="dztext dzcheng defsmsc" style="display: list-item;">取车门店</li>
				<li class="dztext dzcheng selsmsc" style="display: none;">送车地址</li>
				<li class="dzcity dzcheng defsmsc"  style="display: list-item;" id="fsnbox" data-type="rentDistrict" data-url="/html5/newversion/rent/rentdistrict.html">
					<span id="rentStore">首都机场T1/T2店</span><i class="grayarrowr dzcheng"></i>
				</li>
				<li class="dzcity dzcheng selsmsc" id="sendAddressbox"><input id="sendAddress" style="display: none;color:#2f2f39" type="text" placeholder="请选择送车地址">
					<i class="grayarrowr dzcheng"></i>
				</li>
			</ul>
		</div>

		<ul class="dzul" >
			<span class="hcbicon dzicon"></span>
			<li class="dztext dzcheng">还车城市</li>
			<li class="dzcity dzcheng" id="tcnbox" data-type="returnCity" data-url="/jump/toCity">北京
				<i class="grayarrowr dzcheng" id="returnCity"></i>
			</li>
			<li class="rightbtn">
				<i>上门取车</i>
				<div class="ordersmqc" id="quche">
					<span class="sccur">&nbsp;</span>
				</div>
			</li>
		</ul>
		<div class="dzulbox brbotda" >
			<ul class="dzulin hcmdul">
				<li class="dztext dzcheng defsmqc" style="display: list-item;">还车门店</li>
				<li class="dztext dzcheng selsmqc" style="display: none;">取车地址</li>
				<li class="dzcity dzcheng defsmqc"   style="display: list-item;" id="tsnbox" data-type="returnDistrict" data-url="/html5/newversion/rent/returndistrict.html">
					<span id="returnStore">首都机场T3店</span><i class="grayarrowr dzcheng"></i>
				</li>
				<li class="dzcity dzcheng selsmqc"  id="pickupAddressbox"><input id="pickupAddress" style=" display: none; color:#2f2f39" type="text" placeholder="请选择取车地址">
					<i class="grayarrowr dzcheng"></i>
				</li>	
			</ul>
		</div>
		<div class="dztime brbotda" id="feinian">
	        <div class="fl w30" data-type="rentTime" id="rentTime" data-url="/html5/newversion/rent/rentdate.html">
	        <p class="title">取车时间</p>
	        <!-- <p class="dd" id="rentDate-time">16:00</p><p class="day" id="rentDate-month-day-week">12-16&nbsp;&nbsp;周日</p>-->
	        <p><input type="text" name="appDateTime" id="appDateTime" style="margin:0px"  value="2018-03-19"/><span id="time"></span>
	        	<input type="hidden" name ="" id ="qucheshijian"/>
	        </p>
	      	
	        </div>
	        <div class="fl w40"><div class="number"><p id="rentPeriod">5</p><p class="tian">天</p></div></div>
	        <div class="fl w30" data-type="returnTime" id="returnTime" data-url="/html5/newversion/rent/returndate.html">
	        <p class="title">还车时间</p>
	        <!--<p class="dd" id="returnDate-time">12:00</p><p class="day" id="returnDate-month-day-week">12-21&nbsp;&nbsp;周五</p>-->
	        <p><input type="text" name="huanTime" id="huanTime" style="margin:0px"  value="2018-03-19"/>
	        <span id="huantimes">1000</span><input type="hidden" name ="" id ="huancheshijian"/></p>
	        </div>
	    </div>
	     <div class="yeartip">
				<p>
					<i class="yeartan"></i><span>年租规则</span>
				</p>
				
			</div>
	    		 <div class="yr-info" style="display: none;">
	<div class="iin">
		<p>年租规则</p>
		<ul>
			<li><i>1、</i><span>租期：年租套餐租期为365天，暂不支持续租，如延长租期需重新下单；</span></li>
			<li><i>2、</i><span>订单修改：年租订单提交后暂不接受更改任何内容；</span></li>
			<li><i>3、</i><span>异地还车：年租订单暂不接受异地还车；</span></li>
			<li><i>4、</i><span>预授权：年租订单需刷取租车押金，具体请咨询门店；</span></li>
			<li><i>5、</i><span>支付方式：可取车时一次性支付租金，也可选择分期支付；</span></li>
			<li><i>6、</i><span>提前还车：提前还车需支付违约金，详见取车时签订的合同细则。</span></li>
		</ul>
		<span class="close"><img src="https://mimage.zuchecdn.com/newversion/common/yr_close.png" class="yr-close" width="40" height="40"></span>
	</div>
</div>
	<div class="fixbot" id="selectCar">
    	<a href="javascript:void(0);" class="btn-ordernow">立即去选车</a>
    </div>
</div>


<script type="text/javascript" src="/js/H5phone/js/special.js"></script>
<script type="text/javascript">
	$(function () {
			var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			//opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
		        display: 'modal', //显示方式 
		        mode: 'scroller', //日期选择模式
				lang:'zh',
		        startYear:currYear - 10, //开始年份
		        endYear:currYear + 10 //结束年份
			};

			$("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
		  	var optDateTime = $.extend(opt['datetime'], opt['default']);
		  	var optTime = $.extend(opt['time'], opt['default']);
		    $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
		    $("#appTime").mobiscroll(optTime).time(optTime);
		    
		    $("#appDateTime").on("change",function(){
		    var time=	$("#appDateTime").val();
		    $("#qucheshijian").html(time);
		    $("#appDateTime").val(time.substring(0,10));
		    var minutes=time.substring(10);
		    $("#time").html(minutes);
		    })
		    
		    $("#huanTime").mobiscroll(optDateTime).datetime(optDateTime);
		    $("#appTime").mobiscroll(optTime).time(optTime);
		    
		    $("#huanTime").on("change",function(){
		    var time=	$("#huanTime").val();
		    $("#huancheshijian").html(time);
		    $("#huanTime").val(time.substring(0,10));
		    var htime=time.substring(10);
		    $("#huantimes").html(htime);
		    var quche = $("#qucheshijian").val();
		    var tian = ( Math.abs( Date.parse($("#appDateTime").val())-Date.parse($("#huanTime").val())) )/(1000 * 3600 * 24);
		    $("#rentPeriod").html(tian);
		    })
		    $("#tcnbox").click(function(){
		
		    	var href=$("#tcnbox").attr("data-url");
		    	alert(href);
		      	window.location.href=href+"?city=洛阳&zctype=1&smtype=1";
		    })
		    
        });
</script>
</body></html>